{% extends "layout.html" %}
{% block title %}Index{% endblock %}
{% block body %}
	<h3>Cross compile with <span style="color: blue">Windows, Linux and Mac, Arm</span></h3>
	<form method="get" role="form">
		<div class="form-group">
			<input name="address" type="text" class="click-select form-control" placeholder="github address, eg: github.com/codeskyblue/fswatch"/>
		</div>
		<button class="btn btn-success">Compile</button>
	</form>
	<hr/>
	<div class="row">
		<div class="col-md-6">
			<h4>Top 10</h4>
			<table class="table table-striped">
				<tr>
					<th>Name</th>
					<th>Updated</th>
					<th>Download</th>
				</tr>
				{% for repo in top_repos %}
					<tr class="{%if not repo.updated%}danger{%endif%}">
						<td><a data-toggle="tooltip" data-placement="top" title="{{repo.description}}"
								href="/repo/{{repo.name}}">{{repo.name[:50]}}</a></td>
						<td>{{repo.updated|naturaltime}}</td>
						<td>{{repo.down_count}}</td>
					</tr>
				{% endfor %}
			</table>
		</div>
		<div class="col-md-6">
			<h4>New 10</h4>
			<table class="table table-striped">
				<tr>
					<th>Name</th>
					<th>Created</th>
					<th>Download</th>
				</tr>
				{% for repo in new_repos %}
					<tr class="{%if not repo.updated%}danger{%endif%}">
						<td><a data-toggle="tooltip" data-placement="top" title="{{repo.description}}"
								href="/repo/{{repo.name}}">{{repo.name[:50]}}</a></td>
						<td>{{repo.created|naturaltime}}</td>
						<td>{{repo.down_count}}</td>
					</tr>
				{% endfor %}
			</table>
		</div>
	</div>
	<!--
	<div class="row well">
		<h4>Other</h4>
		package download reference: <a href="http://golangtc.com/download/package">golangtc.com package download</a>
	</div>
	-->
	<div class="row">
		<div class="col-md-3">
			Supported by:
			<a href="http://www.qiniu.com"><img height="35px" src="/static/images/qiniu.png"></a>
		</div>
		<div class="col-md-9">
			Thanks: 
			<a href="http://gopm.io">gopm</a> | 
			<a href="https://gowalker.org">gowalker</a> | 
			<a href="https://www.docker.com/">docker</a> |
			<a href="https://github.com/karalabe/xgo">xgo by karalabe</a> |
			<a href="http://getbootstrap.com/">bootstrap</a> |
			<a href="http://shields.io/">shields.io</a> ||
			<a href="http://fuxiaohei.me">fuxiaohei.me</a>
			<a href="http://gogs.io">gogs</a>
		</div>
	</div>
{% endblock %}
